/* ==================
    复选框 checkbox
 ==================== */

checkbox {
  position: relative;
}

checkbox::before {
  font-family: 'cuIcon';
  content: '\e645';
  position: absolute;
  color: #ffffff !important;
  top: 50%;
  margin-top: -8px;
  right: 5px;
  font-size: 32rpx;
  line-height: 16px;
  pointer-events: none;
  transform: scale(1, 1);
  transition: all 0.3s ease-in-out 0s;
  z-index: 9;
}

checkbox .wx-checkbox-input,
checkbox .uni-checkbox-input {
  margin: 0;
  width: 24px;
  height: 24px;
}

checkbox.round .wx-checkbox-input,
checkbox.round .uni-checkbox-input {
  border-radius: 100rpx;
}

checkbox .wx-checkbox-input::before,
checkbox .uni-checkbox-input::before {
  display: none;
}

checkbox.red[checked] .wx-checkbox-input,
checkbox.red.checked .uni-checkbox-input {
  background-color: #e54d42 !important;
  border-color: #e54d42 !important;
  color: #ffffff !important;
}

checkbox.orange[checked] .wx-checkbox-input,
checkbox.orange.checked .uni-checkbox-input {
  background-color: #f37b1d !important;
  border-color: #f37b1d !important;
  color: #ffffff !important;
}

checkbox.yellow[checked] .wx-checkbox-input,
checkbox.yellow.checked .uni-checkbox-input {
  background-color: #fbbd08 !important;
  border-color: #fbbd08 !important;
  color: #333333 !important;
}

checkbox.olive[checked] .wx-checkbox-input,
checkbox.olive.checked .uni-checkbox-input {
  background-color: #8dc63f !important;
  border-color: #8dc63f !important;
  color: #ffffff !important;
}

checkbox.green[checked] .wx-checkbox-input,
checkbox[checked] .wx-checkbox-input,
checkbox.green.checked .uni-checkbox-input,
checkbox.checked .uni-checkbox-input {
  background-color: #39b54a !important;
  border-color: #39b54a !important;
  color: #ffffff !important;
  border-color: #39b54a !important;
}

checkbox.cyan[checked] .wx-checkbox-input,
checkbox.cyan.checked .uni-checkbox-input {
  background-color: #1cbbb4 !important;
  border-color: #1cbbb4 !important;
  color: #ffffff !important;
}

checkbox.blue[checked] .wx-checkbox-input,
checkbox.blue.checked .uni-checkbox-input {
  background-color: #0081ff !important;
  border-color: #0081ff !important;
  color: #ffffff !important;
}

checkbox.purple[checked] .wx-checkbox-input,
checkbox.purple.checked .uni-checkbox-input {
  background-color: #6739b6 !important;
  border-color: #6739b6 !important;
  color: #ffffff !important;
}

checkbox.mauve[checked] .wx-checkbox-input,
checkbox.mauve.checked .uni-checkbox-input {
  background-color: #9c26b0 !important;
  border-color: #9c26b0 !important;
  color: #ffffff !important;
}

checkbox.pink[checked] .wx-checkbox-input,
checkbox.pink.checked .uni-checkbox-input {
  background-color: #e03997 !important;
  border-color: #e03997 !important;
  color: #ffffff !important;
}

checkbox.brown[checked] .wx-checkbox-input,
checkbox.brown.checked .uni-checkbox-input {
  background-color: #a5673f !important;
  border-color: #a5673f !important;
  color: #ffffff !important;
}

checkbox.grey[checked] .wx-checkbox-input,
checkbox.grey.checked .uni-checkbox-input {
  background-color: #8799a3 !important;
  border-color: #8799a3 !important;
  color: #ffffff !important;
}

checkbox.gray[checked] .wx-checkbox-input,
checkbox.gray.checked .uni-checkbox-input {
  background-color: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
  color: #333333 !important;
}

checkbox.black[checked] .wx-checkbox-input,
checkbox.black.checked .uni-checkbox-input {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

checkbox.white[checked] .wx-checkbox-input,
checkbox.white.checked .uni-checkbox-input {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #333333 !important;
}
